<div id="lmg_page_trace" style="position: fixed;bottom:0;right:0;font-size:14px;width:100%;z-index: 999999;color: #000;text-align:left;font-family:'微软雅黑';">
    <div id="lmg_page_trace_tab" style="display: none;background:white;margin:0;height: 250px;">
        <div id="lmg_page_trace_tab_tit" style="padding: 6px 12px 0;border-bottom:1px solid #ececec;border-top:1px solid #ececec;font-size:16px">
            <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;">
                基本
            </span>
            <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;">
                文件
            </span>
            <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;">
                错误
            </span>
            <span style="color:#000;padding-right:12px;height:30px;line-height:30px;display:inline-block;margin-right:3px;cursor:pointer;">
                SQL
            </span>
        </div>
        <div id="lmg_page_trace_tab_cont" style="overflow:auto;height:212px;padding:0;line-height: 24px">
            <div style="display:none;">
                <ol style="padding: 0; margin:0">
                    <li  style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px"><?php  echo '请求信息'.date('Y-m-d H:i:s', $_SERVER['REQUEST_TIME']) . ' ' . $_SERVER['SERVER_PROTOCOL'] . ' ' . $_SERVER['REQUEST_METHOD'] . ' : ' . $_SERVER['PATH_INFO'];?> </li>
                    <li  style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px"><?php  echo '运行时间：'.self::getUseTime().'秒';?></li>
                    <li  style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px"><?php  echo '吞吐率：'.self::getThroughputRate();?></li>
                    <li  style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px"><?php  echo '内存消耗：'.self::getUseMem();?></li>
                </ol>
            </div>
            <div style="display:none;">
                <ol style="padding: 0; margin:0">
                    <?php
                    $included_files =self::getFile(true);
                    foreach ($included_files as $filename) {
                    echo '<li  style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">'.$filename.'</li>';
                    }
                    ?>
                </ol>
            </div>
            <div style="display:none;">
                <ol style="padding: 0; margin:0">
                    <?php
                    if(self::$info){
                    foreach(self::$info as $info){
                    echo '<li  style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">'.$info.'</li>';
                    }
                    }
                    ?>
                </ol>
            </div>
            <div style="display:none;">
                <ol style="padding: 0; margin:0">
                    <?php
                    if(self::$sqls) {
                    foreach(self::$sqls as $sql){
                    echo '<li  style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px">'.$sql.'</li>';
                    }
                    }
                    ?>
                    <li style="border-bottom:1px solid #EEE;font-size:14px;padding:0 12px"></li>
                </ol>
            </div>
        </div>
    </div>
    <div id="lmg_page_trace_close" style="display:none;text-align:right;height:15px;position:absolute;top:10px;right:12px;cursor:pointer;">
        <img style="vertical-align:top;" src="" />
    </div>
</div>
<div id="lmg_page_trace_open" style="height:30px;float:right;text-align:right;overflow:hidden;position:fixed;bottom:0;right:0;color:#000;line-height:30px;cursor:pointer;">
    <div style="background:#232323;color:#FFF;padding:0 6px;float:right;line-height:30px;font-size:14px"><?php echo self::getUseTime();?></div>
</div>

<script type="text/javascript">
    (function () {
        var tab_tit = document.getElementById('lmg_page_trace_tab_tit').getElementsByTagName('span');
        var tab_cont = document.getElementById('lmg_page_trace_tab_cont').getElementsByTagName('div');
        var open = document.getElementById('lmg_page_trace_open');
        var close = document.getElementById('lmg_page_trace_close').children[0];
        var trace = document.getElementById('lmg_page_trace_tab');
        var cookie = document.cookie.match(/lmgphp_show_page_trace=(\d\|\d)/);
        var history = (cookie && typeof cookie[1] != 'undefined' && cookie[1].split('|')) || [0, 0];
        open.onclick = function () {
            trace.style.display = 'block';
            this.style.display = 'none';
            close.parentNode.style.display = 'block';
            history[0] = 1;
            document.cookie = 'lmgphp_show_page_trace=' + history.join('|')
        }
        close.onclick = function () {
            trace.style.display = 'none';
            this.parentNode.style.display = 'none';
            open.style.display = 'block';
            history[0] = 0;
            document.cookie = 'lmgphp_show_page_trace=' + history.join('|')
        }
        for (var i = 0; i < tab_tit.length; i++) {
            tab_tit[i].onclick = (function (i) {
                return function () {
                    for (var j = 0; j < tab_cont.length; j++) {
                        tab_cont[j].style.display = 'none';
                        tab_tit[j].style.color = '#999';
                    }
                    tab_cont[i].style.display = 'block';
                    tab_tit[i].style.color = '#000';
                    history[1] = i;
                    document.cookie = 'lmgphp_show_page_trace=' + history.join('|')
                }
            })(i)
        }
        parseInt(history[0]) && open.click();
        tab_tit[history[1]].click();
    })();
</script>
